<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<input type="file" id="file" />
		<p></p>
		<script src="../imgUp/js/jquery.js"></script>		
		<script type="text/javascript">
			$(document).on('change','#file',function(ev){
				//获取文件对象
				var file = ev.target.files[0]
				console.log(file)
				//文件名
				var filename = file.name
				console.log(filename)
				//筛选文件格式
				var AllImgExt = ".jpg|.png|.jpeg|";
				var type = filename.substring(filename.lastIndexOf(".")).toLowerCase(); //（获取文件格式，转化成小写）    
				if(AllImgExt.indexOf(type) == -1) {
//					$('#reload').modal()
//					$('#reload .tips').html('该文件类型不允许上传。请上传 jpg/png/jpeg类型的文件  ')
//					return false;
				} else {			
					//添加图片，填写文件名
					$('p').text(filename)
					//判断浏览器
					if(window.navigator.userAgent.indexOf("Chrome") >= 1 || window.navigator.userAgent.indexOf("Safari") >= 1) {
						var src = window.webkitURL.createObjectURL(file);						
					}else{
						var src = window.URL.createObjectURL(file);
					}
					$(document.body).append('<img src="' + src + '"  />')
					console.log(src)
					$('#file').remove()
					var new_file = '<input type="file" id="file" />'
					$('body').prepend(new_file)
				}
			})
			
			
//			$('#file').change(function(ev){
//				//获取文件对象
//				var file = ev.target.files[0]
//				console.log(file)
//				//文件名
//				var filename = file.name
//				console.log(filename)
//				//筛选文件格式
//				var AllImgExt = ".jpg|.png|.jpeg|";
//				var type = filename.substring(filename.lastIndexOf(".")).toLowerCase(); //（获取文件格式，转化成小写）    
//				if(AllImgExt.indexOf(type) == -1) {
////					$('#reload').modal()
////					$('#reload .tips').html('该文件类型不允许上传。请上传 jpg/png/jpeg类型的文件  ')
////					return false;
//				} else {			
//					//添加图片，填写文件名
//					$('p').text(filename)
//					//判断浏览器
//					if(window.navigator.userAgent.indexOf("Chrome") >= 1 || window.navigator.userAgent.indexOf("Safari") >= 1) {
//						var src = window.webkitURL.createObjectURL(file);						
//					}else{
//						var src = window.URL.createObjectURL(file);
//					}
//					$(document.body).append('<img src="' + src + '"  />')
//					console.log(src)
//					$('#file').remove()
//					var new_file = '<input type="file" id="file" />'
//					$('body').prepend(new_file)
//				}
//			})
		</script>
	</body>
</html>
